
<template>
  <div id="main" class="main">
    <div class="statistics">
      <div class="empty"></div>
      <el-tabs v-model="pageTab">
        <el-tab-pane label="核心看板" name="核心看板">
          <index></index>
        </el-tab-pane>
        <el-tab-pane label="敏捷看板" name="敏捷看板t">
          <agility></agility>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
import index from './components/index.vue'
import agility from './components/agility.vue'

export default {
  components: {
    index,
    agility
  },
  data() {
    return {
      pageTab: '核心看板'
    }
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>
<style lang="scss" scoped>
.statistics {
  background: transparent;
  .headerBar {
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #181818;
    border-bottom: 1px solid #eee;
    background: #fff;
    span {
      margin-left: 20px;
    }
  }
}
.tip {
  color: #666;
  font-size: 12px;
}
.main{
  width: 88%;
  float: right;
}
.empty{
  width: 100%;
  height: 70px;
  background-color: white;
  position: fixed;
  top: 60px;
  z-index: 99;
}
</style>
<style>
.el-tabs__header{
  padding: 0!important;
  position: fixed!important;
  top: 86px!important;
  width: 100%!important;
  z-index: 999!important;
}
.el-tabs__content{
  margin-top: 60px!important;
}
</style>
